<template>
  <div class="container-big wing-blank forward-agreement-page">
    <div class="agreement-title">
      转赠规则
    </div>
    <div class="agreement-content">
      <p>1、转赠功能仅限用票人发起且每张票仅限1次转赠，⼀旦转赠成功，不可撤回或撤销</p>
      <p>2、发起转赠操作的后果由转赠人（用票人）承担，转赠功能请谨慎操作</p>
      <!-- 规定日期--规定日期 -->
      <p>3、转赠操作的截止日期为2019年9月23日</p>
      <p>4、受赠人在2019年9月23日23:59分前未能成功激活转赠票的，转赠失败，转赠票自动返回用票人，且不能再次发起转赠。</p>
      <p>5、门票转赠后，门票的发票仍限于购票人申请。</p>
    </div>
    <co-button block v-if="canGoback" color="primary" class="agreement-next-button" @click.stop="goback">
      确定
    </co-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      canGoback: window.history.length > 1
    };
  },
  methods: {
    goback() {
      this.$router.back();
    }
  }
};
</script>

<style lang="less">
.forward-agreement-page {
  padding-bottom: 30px;
  text-align: left;
  .agreement-title {
    font-size: 28px;
    color: #fff;
    padding-top: 32px;
    padding-bottom: 25px;
  }

  .agreement-content {
    padding: 0 20px 20px 32px;
    font-size: 28px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-top: 1px solid #979797;
    > p {
      margin-top: 20px;
    }
  }

  .agreement-next-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
</style>
